@charset "utf-8";

.back{
    
    
    height: 3.8rem;
    line-height: 3.8rem;
    width: 3.8rem;
    
    border-radius: 50%;
    
    
    background: #000;
    
    
    position: fixed;
    
    
    top: .5rem;
    
    left: .5rem;
    
    color: #fff;
    
    
    &:before{
        
        
         content: "";
        
         display: block;
        
         width: .8rem;
         height: .8rem;
         
         border-left: .2rem solid #fff;
         border-bottom: .2rem solid #fff;
         
         float: left;
         
         position: relative;
         
         top:1.3rem;
         
         left:.6rem;
         
         transform: rotate(45deg);
         
         margin-right: .4rem;
   
    }
}

.p_content{
    .p_info{
        background: #fff;
        img{
            width: 100%;
            height: 18rem;
        }
        h2{
            padding: .2rem .5rem;
        }
        .price{
           padding: .2rem .5rem; 
           color: red;
        }
    }
    
    .p_detial{
        background: #fff;
        margin-top: 1rem;
        h3{
            padding: .5rem;
        }
        .p_content{
            padding: 1rem;
            img{
                max-width: 100%;
                display: block;
                margin: 0 auto;
            }
            *{
                line-height: 1.5;
                color: #666;
            }
        }
    
    }
}


.p_footer{
    
  
  position: fixed;  
  
  bottom: 0px;  
  height: 4.4rem;  
  line-height: 4.4rem;
  
  background: #fff;
  
  left: 0px;
  
  width: 100%;
  
  border-top: 1px solid #eee;
  
  .cart{
      
      float: left;
      
         
      display:flex;   
      
      strong{
          
          flex: 1;
          
          font-size: 1.6rem;
          
          padding: 0rem .5rem;
      }
      
      .cart_num{
          
          width: 10rem;      
          
          display: flex;
          margin-top: .8rem;
          
          
          .input_left,.input_right{
              flex: 1;
              
              width: 2.8rem;
              height: 2.8rem;
              
              line-height: 2.8rem;
              
              text-align: center;
              
              color: red;
              
              border: 1px solid #eee;
              
              font-size: 2.4rem;
          }    
          
          .input_center{
              
              flex: 1;
              
              input{
                  
                   width: 2rem;
                   text-align: center;
                    width: 100%;
                    height: 2.8rem; 
                    border: none;
                    
                     border-top: 1px solid #eee;
                     
                     border-bottom: 1px solid #eee;
              
                     float: left;
              }
          }
      }
      
  }
  
  .addcart{
      
        float: right;
      
        background: red;
        color: #fff;
        height: 3rem;
        border: none;
        padding: 0 .5rem;
        border-radius: .5rem;
        margin-top: .8rem;
        margin-right: .5rem;
  }
    
}
